import sel from '../../index.js';
import './fource.scss';
export default {
  init: function () {
    sel.app.controller('fource', ['$scope','$http','effect','forceDraw',
      function ($scope,$http,effect,forceDraw) {
        $scope.name = '力学图';
        var svg = sel.d3.select('#fourceDraw')
        .append('svg')
        .attr('width',"1000px")
        .attr('height','1000px')
        ;
        // $http.get('api/tree').then(function (data) {
        //   $scope.nodes = data.data.data.data.ciNodes;
        //   $scope.lines = data.data.data.data.ciRltLines;
        // });
        $http.get('api/tree').then(function (data) {
          $scope.nodes = data.data.data.data.ciNodes;
          $scope.lines = data.data.data.data.ciRltLines;
          var force = forceDraw.draw()(svg);
          force.lineLength(50).size([400,600]).start( $scope.nodes, $scope.lines);

        })
        ;








        // $scope.draw = function () {
        //   svg.html("");
        //   var lines = sel.d3.forceLink($scope.lines)
        //         .id(function (d) {
        //           return d.id
        //         })
        //         .distance(200)
        //         .strength(1)
        //   ;
        //   var simulation = sel.d3.forceSimulation($scope.nodes)
        //         .force('link',lines)
        //         .force('charge',sel.d3.forceManyBody())
        //         .force('center',sel.d3.forceCenter(500,500))
        //   ;
        //   var node = effect.node($scope.nodes);
        //   var line = effect.line($scope.lines);
        //   simulation.nodes($scope.nodes).on('tick',tick);
        //
        //   //变化时候
        //   function tick() {
        //     node.attr('cx',function (d) {
        //       return d.x
        //     })
        //     .attr('cy',function (d) {
        //       return d.y
        //     });
        //     line
        //     .attr("x1", function(d) { return d.source.x; })
        //     .attr("y1", function(d) { return d.source.y; })
        //     .attr("x2", function(d) { return d.target.x; })
        //     .attr("y2", function(d) { return d.target.y; });
        //   };
        //
        //
        //
        //
        // };



      }
    ]);
  }
};